@import "header.html"
<link rel="stylesheet" href="../css/yollon_add.css">
<body>
<header class="fxj-header">
    <span class="back" onclick="closeToWin()">
        <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-jiantou"></use>
        </svg>
    </span>
    <h1 class="fxj-title">设置收款账户</h1>
</header>

<main id="main">
    <a class="add-btn" onclick="goPage('yollon_gathering_way.html')">
        <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-jiahao1"></use>
        </svg>
        添加收款账户
    </a>

    <ul class="account">
        <li v-for="account of accountList">
            <div class="row top">
                <div class="left">
                    <span v-cloak>{{account.account_type}}</span>
                    <span v-cloak>{{account.account_number}}</span>
                </div>
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-you"></use>
                </svg>
            </div>
            <div class="row bottom" v-cloak>
                <a :class="{default:account.isDefault===1}" @click="setDefaultAccount(account.upid)" v-cloak>
                    <svg class="icon" aria-hidden="true">
                        <use v-show="account.isDefault===1" xlink:href="#icon-checkbox1"></use>
                        <use v-show="account.isDefault===-1" xlink:href="#icon-checkbox"></use>
                    </svg>
                    {{account.isDefault===1?'默认账户':'设为默认'}}
                </a>
                <a class="del" @click="deleteAccount(account.upid)">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shanchu1"></use>
                    </svg>
                    删除
                </a>
            </div>
        </li>
    </ul>

    <button class="finish" v-if="accountList.length > 0" onclick="closeToWin()">完成</button>
</main>

@import "js.html"
<script src="../script/yollon_add.js"></script>
</body>
@import "footer.html"